<template>
    <div>
      <div>
        <h1>
          <span style="font-size: 30px">{{ $route.query.title }} </span>
        </h1>
        <br />
        <br />
        发布人:{{
          $route.query.name
        }}
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布时间:{{
          $route.query.date
        }}
        <br />
        <br />
        <div>
          <el-image :src="img" style="width: 800px; height: 400px"></el-image>
        </div>
        <br />
        <br />
        {{ $route.query.text }}
      </div>
    </div>
  </template>
    
  <script>
  export default {
    data() {
      return {
        img: ''
      };
    },
    created() {
      // 从路由参数中取出照片 URL
      this.img = this.$route.query.img;
    }
  };
  </script>
    